@CHARSET "UTF-8";

table {
	margin: 10px;
}

tr {
	margin-top: 10px;
}

th {
	border-top: thin solid #aed2ff;
	border-bottom: thin solid #aed2ff;
	padding: 6px;
	font-weight: normal;
	font-size: 12px;
	color: black;
	width: 70px;
}

.wide_column {
	width: 28%;
}

.normal_column {
	width: 13%;
}

.narrow_column {
	width: 10%;
}

.narrower_column {
	width: 8%;
}

td {
	padding: 6px;
}

.header_row {
	background-color: #f3f3f3;
	border: thin solid #dedee0;
}

.info_row {
	border: thin solid #dedee0;
	text-align: center;
	vertical-align: top;
	height: 100px;
}

.info_row img {
	width: 80px;
	height: 80px;
}

.single_cell {
	border: thin solid #dedee0;
}

.blank_row td {
	padding: 3px;
}

.blank_row_narrow td {
	padding: 1px;
}

.img_link {
	width: 50px;
	float: left;	
}

.good_info {
	margin: -10px 0px 0px 50px;
}

.operation_row {
	text-align: right;
	background-color: #f3f3f3;
	border-left: thin solid #f3f3f3;
	border-right: thin solid #f3f3f3;
	border-top: thin solid #dedee0;
	border-bottom: thin solid #dedee0;
}

#page_index {
	display: inline-block;
	padding: 3px 5px 1px 5px;
	color: white;
	background-color: #0ba0d8;
	font-weight: bold;
}

.optionalForm {
	position: fixed;
	
	background-color: #f3f3f3;
	border: thin solid #dedee0;
	padding: 0px 10px 0px 10px;
}

#commentForm {
	left: 20%;
	top: 20%;
}

#scoreForm {
	left: 50%;
	top: 50%;
}

#scoreForm select {
	width: 50px;
}
